<template>
       
  <div class="panel panel-default">
    <div class="panel-heading">
      <h1 class="text-center">Time total</h1>
    </div>
    <div class="panel-body">
      <h1 class="text-center">
      {{totalTime}} Hours
      </h1>
    </div>
  </div>
</template>

<script>
  import { mapState } from 'vuex'
  export default {
    // mapState的使用等同于下面的【代码段1】
    computed: mapState([
      'totalTime'
    ])
    // 【代码段1】
    // {
    //   totalTime () {
    //     return this.$store.state.totalTime
    //   }
    // }
  }
</script>

<style scoped>

</style>